<template>
    <div class="im-fq-handoverQuery" >
        <Title>
            <slot>
                <p>
                    查询条件
                </p>
            </slot>
        </Title> 
        <TopInput ref="componenta"></TopInput>
        <Title>
            <slot>
                <p>
                    交接信息列表
                </p>
            </slot>
        </Title> 
        <TopTable @getList="getList"></TopTable>
    </div>
</template>
<script>
import TopInput from "./components/TopInput.vue"
import TopTable from "./components/TopTable.vue"
import Title from "../../../../components/TableTitle.vue"
export default {
    name:"HandoverQuery",
    components:{
        TopInput,
        TopTable,
        Title
    },
    methods:{
        getList() {
          // 这是关键
           console.log('调用组件2')
        this.$refs.componenta.handleQuery();
         
        }
      }

}
</script>
<style scoped>

</style>